<!-- 首页 -->
<template>
  <div class="h-full overflow-auto bg-white dark:bg-zinc-800 duration-500 scrollbar-thin scrollbar-thumb-transparent xl:scrollbar-thumb-zinc-200 xl:dark:scrollbar-thumb-zinc-900 scrollbar-track-transparent">
    <mobile-navigation-bar v-if="isMobileTerminal" />
    <pc-navigation-bar v-else />
    <div class="max-w-screen-xl mx-auto relative m-1 xl:mt-4">
      <list-vue></list-vue>
    </div>
  </div>
</template>

<script setup>
import { isMobileTerminal } from '@/utils/flexible'
import MobileNavigationBar from './components/navigation/mobile/index.vue'
import PcNavigationBar from './components/navigation/pc/index.vue'
import listVue from './components/list/index.vue'
import { useStore } from 'vuex'

const store = useStore()
// 触发 category 获取数据
store.dispatch('category/useCategoryData')
</script>

<style lang="scss" scoped></style>
